{% load static %}
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>阿翁的博客</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="author" content="xiejava" />
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
<link rel="stylesheet" type="text/css" href="{% static 'blog/css/bootstrap.min.css' %}" />
<link rel="stylesheet" type="text/css" href="{% static 'blog/css/materialdesignicons.min.css' %}" />
<link rel="stylesheet" type="text/css" href="{% static 'blog/css/style.min.css' %}" />
<link rel="stylesheet" type="text/css" href="{% static 'blog/css/markdown_highlighy.css' %}" />
<script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
<script>LA.init({id:"3LLxoFh98Y3HReSU",ck:"3LLxoFh98Y3HReSU"})</script>
</head>
<body>
<header class="lyear-header text-center" style="background-image:url(images/left-bg.jpg);">
  <div class="lyear-header-container">
    <div class="lyear-mask"></div>
    <h1 class="lyear-blogger pt-lg-4 mb-0"><a href="{% url 'index' %}">阿翁的博客</a></h1>
    <nav class="navbar navbar-expand-lg">
    <a class="navbar-toggler" data-toggle="collapse" data-target="#navigation" aria-controls="navigation" aria-expanded="false" aria-label="Toggle navigation">
      <div class="lyear-hamburger">
        <div class="hamburger-inner"></div>
      </div>
    </a>
    
    <div id="navigation" class="collapse navbar-collapse flex-column">
	  <div class="profile-section pt-3 pt-lg-0">
	    <img class="profile-image mb-3 rounded-circle mx-auto" src="./static/blog/images/personal.png" width="120" height="120" alt="xiejava" >
	    <div class="lyear-sentence mb-3">
            带娃的IT创业者<br>
            致力于个人数字资产生态的创建
            
        </div>
        <hr>
	  </div>
	  
	  <ul class="navbar-nav flex-column text-center">
	    <li class="nav-item active">
          <a class="nav-link" href="{% url 'index' %}">首页</a>
	    </li>
          {% for category in categories %}
	    <li class="nav-item">
	      <a class="nav-link" href="{% url 'index' %}?category={{ category.id }}">{{ category.title }}</a>
	    </li>
          {% endfor %}
	    <li class="nav-item">
	      <a class="nav-link" href="{% url 'about_me' %}">关于我</a>
	    </li>
	  </ul>

	  <div class="my-2 my-md-3">
        <form class="lyear-search-form form-inline justify-content-center pt-3">
          <input type="text" id="search" name="search" class="form-control mr-md-1" placeholder="搜索关键词" />
        </form>
	  </div>

      <div >
          <br>
          <img style="max-width:60%;height:auto;" src="./static/blog/images/blog_barcode.png" alt="“fullbug”微信公众号" title="“fullbug”微信公众号">
          <br>
          <br>
      </div>
      <div class="p-3">
          <div  class="copyright text-center pb-3">© 2025. 阿翁的博客. All rights reserved.</div>
      </div>

      <!--51la统计-->
       <div class="p-3">
        <!--<script id="LA-DATA-WIDGET" crossorigin="anonymous" charset="UTF-8" src="https://v6-widget.51.la/v6/JdyBT51UUKIm9A1e/quote.js?theme=#F1F1F1,#979797,#999999,#ECECEC,#3D3D3D,#FFFFFF,12&col=true&f=12&badge=text&text=center"></script>-->
        <a target="_blank" title="51la网站统计" href="https://v6.51.la/land/JdyBT51UUKIm9A1e"><img src="https://sdk.51.la/icon/2-4.png"></a>
       </div>
      <!--51la统计end-->

    </div>

  </nav>

  </div>
</header>

<!-- 内容 -->
{% block content %}
<!-- 默认内容 -->
{% endblock %}
<!-- 内容 end -->


<script type="text/javascript" src="{% static 'blog/js/jquery.min.js' %}"></script>
<script type="text/javascript" src="{% static 'blog/js/jquery.nicescroll.min.js' %}"></script>
<script type="text/javascript" src="{% static 'blog/js/bootstrap.min.js' %}"></script>
<script type="text/javascript" src="{% static 'blog/js/main.min.js' %}"></script>
</body>
</html>